
	::selection{ background-color: #E13300; color: white; }
	::moz-selection{ background-color: #E13300; color: white; }
	::webkit-selection{ background-color: #E13300; color: white; }

	body {
		background-color: #fff;
		margin: 40px;
		font: 13px/20px normal Helvetica, Arial, sans-serif;
		color: #4F5155;
	}

	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
		font-size: 15px;
	}
	
	label
	{

		padding-left: 40px;
	}

	input
	{
		margin-left: 40px; 	
	}


	h2 {
		color: #444;	
		background-color: rgba(255, 213, 194, 1);
		border-bottom: 1px solid #D0D0D0;
		font-size: 20px;
		font-weight: bold;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
	}

	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}

	#body{
		margin: 0 15px 0 15px;
		
	}
	
	p.footer{
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
		background-color: rgba(255, 213, 194, 1);
		text-align: center;
		position: relative;

	}

	p.link
	{
		font-size: 15px;
		/*line-height: 0px;*/
		padding: 0 10px 0 10px;
		float: right;
		margin-top:  -47px; 
		margin-right: 40px;
	}

	#mLink a
	{
		font-size: 14px;
		background-color: #C2E5FF;
		padding: 6px 8px 7px 8px;
		border-style: none;
		color: #000;
		text-decoration: none;
	}

	#mLink a:hover
	{
		background-color: rgba(41, 225, 255, 1);
		padding: 6px 8px 7px 8px;
	}

	p.name{
		font-size: 18px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
		font-weight: bold;	
	}

	p#sub
	{
		font-size: 18px;
		margin-top: -20px;
		margin-left: 100px;
		position: absolute;
		color: red;
	}
	#container{
		margin: 10px;
		border: 1px solid #D0D0D0;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
		background-color: rgba(136, 234, 175, 1);
	}

		#tbl th
	{
 		border-top: solid 2px;
 		border-bottom: solid 2px;
 		width: 250px;
	}
	#tbl th#stat
	{
 		border-top: solid 2px;
 		border-bottom: solid 2px;
 		width: 100px;
	}
	#tbl td
	{
 		text-align: center;
	}


	#tbl 
	{
		margin-left: 20px;
		margin-top: 30px;
		width: 50%;
	}


	/*-------------------------------------------------------------*/
	
	/*----------------------------- table and container and it's attribute--------------------------------------------*/
	table tr#row-mid-deck
	{
		height: 320px;	
	}

	table td#col-mid-deck
	{
		width: 260px;	
	}

	#deckContainer 
	{
		height: 150px;
		margin-top: 50px;
		position: absolute;
	}

	#deckContainer .imgDeck
	{
		height: 160px;
	}

	p#deckTitle
	{
		position:absolute; 
		margin-left: 50px;
		margin-top: -10px;
		font-weight: bold;
	}

	#trumpTitle
	{
		margin-left: 175px;
		margin-top: 20px;
		font-size: 14px;
		position: absolute;
		font-weight: bold;
		color: red;
		text-align: center;	
	}
	#trumpTitle {
    text-transform: uppercase;
	}
	

	#trumpContainer 
	{
		height: 150px;
		margin-left: 170px;
		margin-top: 28px;
	}


	#trumpContainer img.trump
	{
		height: 160px;
		outline:1px solid #DDD;
	}

	#player-One-ThrowDeck
	{
		
	margin-top: 45px;
    margin-left: 80px;

	}

	img.img_playOneDeck
	{
		margin-left:25px;
		height: 160px;
	}


	#playerTwoDeckContainer
	{
		margin-left: 80px;
		margin-top: 10px;
	}
	
	.img_playDeckTwo
	{
		margin-left: 25px;
		height: 160px;
	}

	#playerOneCardsContainer
	{
		margin-left: 75px;	
		width: 1150px;
		position: relative;
		margin-top: 45px;

	}

	#playerOneCardsContainer .img_playerOneCards
	{
		height: 160px;
		margin-left: -55px;	
	}

	.img_playerOneCards
	{
		margin-right: 20px;
		margin-top: -20px;
		padding:0px;
		border: solid transparent 2px;	
		float:left;
		-webkit-transition: margin 0.5s ease-out;
	    -moz-transition: margin 0.5s ease-out;
	    -o-transition: margin 0.5s ease-out;
	}
	.img_playerOneCards:hover
	{
		opacity: 0.6;		
		filter:alpha(opacity=70);
		cursor:pointer;
    	margin-right: 55px;
		border: solid #FF0900 2px;
		border-radius: 6px;

	}


	/*---------------------------OPTION-----------------------------------*/
	#option p
	{
		font-size: 18px;
		color: red;
		margin-top: 20px;
		margin-left: 35px;
	}
	#option .btn
	{
		font-size: 14px;
		margin-left: 50px;
		background-color: #C2E5FF;
		padding: 5px 5px 5px 5px;
		border-style: none;
	}

	#option .btn:hover
	{
		background-color: rgba(41, 225, 255, 1);
		padding: 5px 5px 5px 5px;
	}

	#option 
	{
		width: 200px;
		height: 150px;
		position:absolute; 
		margin-top: 160px;
		margin-left: 500px;
		background-color: #fff;
		box-shadow: -3px 1px 2px 3px;
	}

	/*---------------------Players---------------------------------*/
	p#ptitle
	{
		font-size: 20px;
		right: 90px;
		position: absolute;
	}
	p#atitle
	{
		font-size: 20px;
		color: red;
		right: 105px;
		margin-top: 45px;
		position: absolute;
	}



  /*------------------------buttons(playerOne)--------------------------------------*/

  	#endAtck 
	{
	
		margin-top: 70px;
		/*margin-left: 1060px;*/
		/*position: absolute;*/
	}

	#endAtck #btn1
	{
		font-size: 14px;
		background-color: rgba(246, 116, 106, 1);
		padding: 5px 5px 5px 5px;
		border-style: solid;
		width: 150px;
	}

	#endAtck #btn1:hover
	{
		background-color: rgba(252, 196, 192, 1);
		padding: 5px 5px 5px 5px;
	}

	#accptCards-p2
	{
	
		margin-top: 70px;
		/*margin-left: 1060px;*/
		/*position: absolute;*/
	}

	#accptCards-p2 #btn1
	{
		font-size: 14px;
		background-color: rgba(246, 116, 106, 1);
		padding: 5px 5px 5px 5px;
		border-style: solid;
		width: 150px;
	}

	#accptCards-p2 #btn1:hover
	{
		background-color: rgba(252, 196, 192, 1);
		padding: 5px 5px 5px 5px;
	}

	#attck-p2
	{
	
		margin-top: 10px;
		/*margin-left: 1060px;*/
		/*position: absolute;*/
	}

	#attck-p2 #btn1
	{
		font-size: 14px;
		background-color: rgba(246, 116, 106, 1);
		padding: 5px 5px 5px 5px;
		border-style: solid;
		width: 150px;
	}

	#attck-p2 #btn1:hover
	{
		background-color: rgba(252, 196, 192, 1);
		padding: 5px 5px 5px 5px;
	}

	p#note1
	{
	position: absolute;
    margin-left: 460px;
    margin-top: 155px;
    color: #F00;
    font-size: 18px;
    font-weight: bold;

	}

	p#turn
	{
		position: absolute;
		margin-left: 550px;
		margin-top: 155px;
		color: #F00;
		font-size: 18px;
		font-weight: bold;
	}

	p#end-p2
	{
		position: absolute;
		margin-left: 550px;
		margin-top: 350px;
		color: #000;
		font-size: 18px;
		font-weight: bold;
		background-color: rgba(229, 255, 54, 0.92);

	}

 /*-----------------------------Player Two---------------------------------------------*/

	#ptitle1
	{
		font-size: 20px;
		position: absolute;
		margin-left: 30px;
	}

	#atitle1
	{
		font-size: 20px;
		color: red;
		margin-left: 40px;
		margin-top: 45px;
		position: absolute;
	}


	#playerTwoCardsContainer
	{		
		margin-left: 300px;
		width: 1150px;
		position: relative;
		margin-top: 75px;
		
	}

	#playerTwoCardsContainer .img_playerTwoCards
	{
		height: 160px;
		margin-left: -55px;
	}

	.img_playerTwoCards
	{
		border: solid transparent 2px;	
		margin-right: 20px;
		margin-top: -20px;
		padding:0px;
		float:left;
		-webkit-transition: margin 0.5s ease-out;
	    -moz-transition: margin 0.5s ease-out;
	    -o-transition: margin 0.5s ease-out;
	}

	.img_playerTwoCards:hover
	{
		opacity: 0.6;		
		filter:alpha(opacity=70);
		cursor:pointer;
    	margin-right: 55px;
		border: solid #FF0900 2px;
		border-radius: 6px;
	}
	#endAtck-p2
	{
		margin-top: 70px;
		margin-left: 10px;
		position:absolute;
	}

	#endAtck-p2 #btn1
	{
		font-size: 14px;
		background-color: rgba(246, 116, 106, 1);
		padding: 5px 5px 5px 5px;
		border-style: solid;
		width: 150px;
	}

	#endAtck-p2 #btn1:hover
	{
		background-color: rgba(252, 196, 192, 1);
		padding: 5px 5px 5px 5px;
	}

	#accptCards 
	{
	
		margin-top: 70px;
		margin-left: 10px;
		position:absolute;
	}

	#accptCards #btn1
	{
		font-size: 14px;
		background-color: rgba(246, 116, 106, 1);
		padding: 5px 5px 5px 5px;
		border-style: solid;
		width: 150px;
	}

	#accptCards #btn1:hover
	{
		background-color: rgba(252, 196, 192, 1);
		padding: 5px 5px 5px 5px;
	}

	#attck 
	{
		margin-top: 110px;
		margin-left: 10px;		
		position:absolute;
	}

	#attck #btn1
	{
		font-size: 14px;
		background-color: rgba(246, 116, 106, 1);
		padding: 5px 5px 5px 5px;
		border-style: solid;
		width: 150px;
	}

	#attck #btn1:hover
	{
		background-color: rgba(252, 196, 192, 1);
		padding: 5px 5px 5px 5px;
	}

	#note
	{
		position: absolute;
		margin-left: 550px;
		margin-top: -48px;
		color: #F00;
		font-size: 18px;
		font-weight: bold;
	}

	p#end
	{
		position: absolute;
		margin-left: 550px;
		margin-top: -260px;
		color: #000;
		font-size: 18px;
		font-weight: bold;
		background-color: rgba(229, 255, 54, 0.92);
	}

 
	#throwdeck img
	{
		height: 150px;
	}
	table#whole-deck
	{
		width: 100%;
		border: solid transparent 1px;
	}


	

	
	.footer input[type=submit]
	{

		font-size: 14px;
		margin-left: -115px;
		background-color: #C2E5FF;
		padding: 5px 10px 5px 10px;
		border-style: none;
	}


	.footer input[type=submit]:hover
	{
		background-color: rgba(41, 225, 255, 1);
		padding: 5px 10px 5px 10px;
	}

	.footer a
	{
		font-size: 14px;
		background-color: #C2E5FF;
		padding: 6px 8px 7px 8px;
		border-style: none;
		color: #000;
		text-decoration: none;

	}
	.footer a:hover
	{
		background-color: rgba(41, 225, 255, 1);
		padding: 6px 8px 7px 8px;
	}
	#loginFrm
	{
		margin: 0 auto;
		position: relative;
		width: 25%;
		padding: 35px 30px 0px 0px;
		/*background-color: rgba(251, 137, 113, 1);
		box-shadow: 0px 1px 5px 0px;*/
	}

	#regFrm
	{
		margin: 0 auto;
		position: relative;
		width: 25%;
		padding: 35px 30px 0px 0px;
		/*background-color: rgba(251, 137, 113, 1);
		box-shadow: 0px 1px 5px 0px;*/
	}


	input[type=text]
	{
		height: 18px;
		margin-bottom: 10px;

	}
	input[type=password]
	{
		height: 18px;
	}

	label
	{
		font-size: 14px;
		font-weight: bold;
	}
	#status2
	{
		margin-top: 40px;
	}
	

	#statBtn
	{
		float: right;
		margin-right: 80px;

	}

	p#wins
	{
		position: absolute;
		margin-left: 530px;
		margin-top: 100px;
		color: #F00;
		font-size: 28px;
	
	}
